layui.use(['form','jquery','jquery_cookie'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.jquery,
        $ = layui.jquery_cookie($);

    /**
     * 上述的submit(*)中的 * 号为事件过滤器的值，是在你绑定执行提交的元素时设定的
     * 你可以把*号换成任意的值，如：lay-filter="go"，
     * 但触发事件时也要改成 form.on('submit(go)', callback);
     */
    form.on('submit(login)', function(data){
      /*表单非空校验*/
        /*发送ajax请求 传递用户名和密码 执行登录操作*/
        $.ajax({
            type:"post",
            url:ctx+"/user/login",
            data:{
                userName:data.field.username,
                userPwd:data.field.password
            },
            success:function (result){ //result是回调函数 用来接收后端返回的数据
                console.log(result.code);
                if(result.code==200){

                    //登录成功
                    /**
                     * 设置用户登录
                     * 1.利用 session 会话
                     *  保存用户信息 如果会话存在 则用户是登录状态 否则是非登录状态
                     *   缺点：服务器关闭 会话则会失效
                     * 2.利用cookie
                     *   保存用户信息 cookie未失效 则用户是登录状态
                     *
                     */
                    layer.msg("登录成功！",function () {
                        //判断用户是否选择记住密码 (判断复选框是否被选中 如果选中则设置cookie对象7天生效)
                        if($("#rememberMe").prop("checked")){
                            //选中 则设置cookie对象7天生效
                            //将用户信息保存到cookie中
                            $.cookie("userIdStr",result.result.userIdStr,{expires:7});
                            $.cookie("userName",result.result.userName,{expires:7});
                            $.cookie("trueName",result.result.trueName,{expires:7});
                        }else {
                            $.cookie("userIdStr",result.result.userIdStr);
                            $.cookie("userName",result.result.userName);
                            $.cookie("trueName",result.result.trueName);
                        }

                        //登录成功后 跳转到首页
                        window.location.href=ctx+"/main"
                    });

                }else{
                    //登录失败
                    console.log(result.msg);
                    layer.msg(result.msg,{icon: 5})

                }
            }
        })
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
});